

/*全局公用样式*/

* { padding: 0px; margin: 0px; font-family:'Microsoft YaHei',"SimSun",Arial,sans-serif;}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0;} 

fieldset,img { border:0 } 

h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal} 

ol,li,ul{ list-style:none;}

em,i { font-style:normal;}

body{ font-size:12px; color:#4d4948;}

a{ color:#414141; text-decoration:none; outline:none;} 

a:hover { color:#FF1E03; text-decoration:none;}

img,input{ border: 0 none; vertical-align:middle;}

input:focus { outline:none;}

body { min-width:1300px;}



:focus{outline:0}

table{border-collapse:collapse;border-spacing:0}



.clearfix:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; overflow:hidden;}

.clearfix { display: block}





/*文字排版、颜色*/

.f12{font-size:12px}

.f13{font-size:13px}

.f14{font-size:14px}

.f16{font-size:16px}

.f18{font-size:16px}

.f20{font-size:20px}

.f24{font-size:24px}



.fb{font-weight:bold}

.fn{font-weight:normal}



.lh180{line-height:180%}

.lh200{line-height:200%}



.mt_10 { margin-top:10px;}

.mt_20 { margin-top:20px;}

.mt_30 { margin-top:30px;}

.mt_40 { margin-top:40px;}



.mb_10 { margin-bottom:10px;}

.mb_20 { margin-bottom:20px;}

.mb_30 { margin-bottom:30px;}

.mb_40 { margin-bottom:40px;}



.pd_10 { padding:0 10px;}



/*定位*/

.tl{text-align:left}

.tr{text-align:right}



.fl{float:left;}

.fr{float:right;}

.pr{position:relative; z-index:1;} 

.pa{position:absolute; z-index:11;}

.zoom{zoom:1} 

.none{display:none}



.content img{max-width:600px;} /* for Firefox & IE7 */

* html .content img{ /* for IE6 */

    width: expression(this.width > 600 && this.width > this.height ? 600 : auto);

}



.no_mg { margin:0!important;}

.no_pd { padding:0!important;}

.no_bd { border:none!important;}

.no_bg { background:none!important;}



.fd img{transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;}

.fd img:hover{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1); transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;}

.big img{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease;overflow: hidden;}

.big:hover img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05);-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease}



.container-fu{width:100%}

.container-fu img{width:58%}



/*header-start*/

.header{width:1300px;margin:0 auto}

.header .hdbox{z-index:99999;margin:0 auto;height:80px}

.header .logo{float:left;overflow:hidden;margin-top:15px; height:50px;width:320px}

.header .logo a{display:block;overflow:hidden;height:100%;}

.header .logo a img { height:100%;}



.topbar { width:100%; height:38px; background:#313131;}

.top_bar_right { float:right; height:38px;  font-size:14px;}

.top_bar_right dd { float:right; height:38px; margin-left:20px; position:relative;}

.top_bar_right dd h3 { float:right;}

.top_bar_right dd h3 a{ display:block; height:38px; line-height:38px; color:#999}

.top_bar_right dd ul{ display:none; position:absolute; z-index:999;  top:38px; right:0px; background-color:#fff; box-shadow:-1px -1px 8px #aeadad;}

.wx_icon { cursor:pointer; width:38px; height:38px; background:url(../images/top_weixin.png) no-repeat center;}

.wx_icon:hover { background:url(../images/top_weixin_1.png) no-repeat center; color:#FFF;}

.en_icon { cursor:pointer; height:38px; padding:0 0 0 30px; background:url(../images/top_net.png) no-repeat left center;}

.en_icon:hover { background:url(../images/top_net_1.png) no-repeat left center; color:#FFF;}

.tell { background:url(../images/top_tell.png) no-repeat left center; padding:0 0 0 35px; float:right; margin-right:20px; color:#A7A7A7; font-size:14px; line-height:38px;}

.tell b { color:#FFF; font-weight:normal;}

.tell:hover { background:url(../images/top_tell_1.png) no-repeat left center; color:#FFF;}



.top_bar_right dd ul.wxbox { width:110px; height:110px;}

.top_bar_right dd ul.allwebsite{ padding:25px 20px 0 20px; width:290px;}

.apng { margin-bottom:20px; width:100%; float:left;}

.apng b { display:block; padding-bottom:10px; width:100%; font-weight:700; font-size:14px; float:left;}

.apng p {float:left;width:50%}

.apng a{padding-right:0;padding-left:15px;height:30px; background:url(../images/icon_web.png) no-repeat left center; text-align:left;line-height:30px; transition:all .3s}



.nav{z-index:999;width:840px;height:80px;float:right;overflow: hidden; font-size:14px;}

.navlist{margin:0 auto;height:80px;width:100%; }

.navlist li{ float:left;width:101px; padding:0 2px;}

.navlist li .items{display:block;overflow:hidden; height:78px; line-height:78px; width:100%; position: relative; color:#333; text-align:center;font-size: 14px;

    font-weight: bold; }

.navlist li .items:hover, .navlist li .items_on { border-bottom:3px solid #EC3922;color: red}

.navlist li dl{position:absolute;top:80px;z-index:9999;display:none;background-color:#fff;}

.navlist li .poslf{padding-bottom:5px;width:150px;border:1px #f3f3f3 solid;z-index:99999; }

.navlist li .poslf .list{width:100%}

.navlist li .poslf .list a{display:block;width:100%;color:#333;text-align:center;font:400 14px/38px "microsoft yahei"}

.navlist li .poslf .list a:hover{background:url(../images/nav_arrow.png) 95px 16px no-repeat #F22303;color:#fff}





.nav{float:right;}

.prv{position: relative;}

.prv * ,.header_mini,.header_mini *{transition: all .3s;}

.prv .navah,.navlist li .poslf .list a:hover,.navlist li .poslf .list a,.navlist .header_soso i{transition: none;}

.navlist .header_soso i{transition: margin-top .3s;}

.header_mini{position: fixed;top:0;background: #FFFFFF;z-index: 99999;box-shadow: 0 0 6px #e5e5e5;opacity: .9;}

.header_mini:hover{opacity: 1;}

.header_mini .hdbox{height: 50px;}

.header_mini .header .logo{margin-top:0;transform: scale(.8);margin-left: -34px;margin-left: 0\9;}

.header_mini .navlist li .items,.header_mini .navlist,.header_mini .nav{height: 50px;}

.header_mini .navlist li .items,.header_mini .navlist .header_soso p{line-height: 50px;}

.header_mini .navlist li .items_on{ border-bottom:2px solid #EC3922; height: 48px;}

.header_mini .navlist li dl , .header_mini .navlist li .navpro , .header_mini .header_soso_con{top: 50px;}

.header_mini .navlist .header_soso i{margin-top: 15px;}

/*header-end*/



/*foot star*/

.foot { width:100%; background:#2F2F2F; color:#FFF;}

.foot_menu { width:700px; float:left; overflow:hidden; padding:30px 0;}

.foot_menu dl { width:160px; float:left; color:#FFF;}

.foot_menu dt { color:#FFF; font-size:16px; height:18px; line-height:18px; border-left:3px solid #848484; padding-left:10px; margin:15px 0;}

.foot_menu dd { color:#FFF; height:26px; line-height:26px; overflow:hidden; padding-left:10px;}

.foot_menu dl a { color:#FFF;}



.f_about { float:left; width:300px; padding-top:45px;}

.f_about_l { width:127px; float:left; position:relative; z-index:5; margin-right:20px;}

.f_about_l img { width:100%;}

.arrow-left { width:0; height:0; border-top:10px solid transparent; border-bottom: 10px solid transparent; border-left: 10px solid #fff; position:absolute;	z-index:1; right:-10px;	top:40px;}

.f_about_r { width:100px; float:left;}

.f_about_r b { display:block; font-weight:normal; color:#FFF; font-size:16px; height:40px; padding-left:10px;}

.f_about_r p { color:#FFF; height:30px; line-height:30px;}

.f_about_r p.f1 { background:url(../images/top_weixin.png) no-repeat left center; padding-left:30px;}

.f_about_r p.f2 { background:url(../images/top_net.png) no-repeat left center; padding-left:30px;}

.f_about_r p a { color:#FFF;}



.f_contact { float:right; width:230px; padding-top:45px;}

p.f_tell { color:#FFF; margin-bottom:15px; line-height:24px;}

p.f_tell b { display:block; font-size:19px; font-weight:normal;}

p.f_address, p.f_map { /*height:24px;*/ line-height:24px;}

p.f_map a { color:#FFF;}



.foot_copy { border-top:1px solid #6E6E6E; padding:30px 0 20px 0; text-align:center;}

.foot_copy h4 { font-size:16px; color:#FFF; line-height:30px; padding-bottom:10px;}

.foot_copy h4 a { padding:0 80px; color:#FFF;}

.foot_copy p { line-height:24px; padding:5px 0;}

.foot_copy p.cp1 { color:#848484;}

.foot_copy p.cp2 { color:#F31515;}









